<template lang="html">
  <div class="list_main">
    <ul class="geren_list">
      <li class="geren_detil" v-for="item in Connectionname">
        <router-link :to="item.link">{{item.name}}<i></i></router-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data () {
    return {
      Connectionname:[
        {name:"我的订单",link:"/gerenorder"},
        {name:"我的历史升级记录",link:"/gerenupgraderecord"},
        // {name:"我的合并订单记录",link:"/gerenmergeorder"},
        // {name:"积分商城",link:"/"},
        {name:"我的积分订单",link:"/gerenintegralorder"},
        {name:"我的代金券",link:"/gerenvoucher"},
        {name:"活动说明",link:"/gerenexplain"}
      ]
    }
  },
  components:{

  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.list_main {
  width: 100vw;
  font-size:@h1_font_size; 
  .geren_list{
    width: 100vw;
    font-size:@h1_font_size; 
    .geren_detil{
      width: 100vw;
      height: 12vw;
      border-bottom: solid 1px @color2; 
      text-align: left;
      a{
        display:block;
        width: @width;
        margin: 0 auto;
        line-height: 12vw;
        color: @color7;
        i{
          display: inline-block;
          .icon-More();
          float: right;
          margin-top: 4vw;
        }
      }
    }
  }
}
</style>